<script setup lang="ts">
import { NSlider } from 'naive-ui'

const thickness: any = defineModel('thickness')
const outlineOpacity: any = defineModel('outlineOpacity')
const fillOpacity: any = defineModel('fillOpacity')
</script>

<template>
  <div class="w-full h-full space-y-4">
    <div class="flex">
      <span>thickness:</span>
      <n-slider v-model:value="thickness" :step="1" :min="1" :max="6" />
    </div>
    <div class="flex">
      <span>outlineOpacity:</span>
      <n-slider v-model:value="outlineOpacity" :step="0.1" :min="0" :max="1" />
    </div>
    <div class="flex">
      <span>fillOpacity:</span>
      <n-slider v-model:value="fillOpacity" :step="0.1" :min="0" :max="1" />
    </div>
  </div>
</template>

<style scoped>

</style>
